<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout= "http://www.ultraq.net.nz/thymeleaf/layout">
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">



    <!-- CSS -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
    <link rel="stylesheet" href="../../assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../assets/css/form-elements.css">
    <link rel="stylesheet" href="../../assets/css/style.css">
    <link rel="stylesheet" href="../../pc/css/zhuce.css">


    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <link rel="stylesheet" href="../../pc/css/amazeui.min.css">
    <link rel="stylesheet" href="../../pc/css/petshow.css?6">
    <link rel="stylesheet" href="../../pc/css/animate.min.css">
    <script src="../../pc/js/jquery.min.js"></script>
    <script src="../../pc/js/amazeui.min.js"></script>
    <script src="../../pc/js/countUp.min.js"></script>
    <script src="../../pc/js/amazeui.lazyload.min.js"></script>



    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>



</head>
<body>
<header class="am-topbar am-topbar-inverse">
    <div class="amz-container">
        <h1 class="am-topbar-brand">
            <a href="#" class="am-topbar-logo">
                <img src="../../static/pc/img/logo.png?1" alt="">
            </a>
        </h1>
        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
                data-am-collapse="{target: '#doc-topbar-collapse-5'}">
            <span class="am-sr-only">
                导航切换
            </span>
            <span class="am-icon-bars">
            </span>
        </button>
        <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse-5">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li class="am-active">
                    <a href="#">
                        首页
                    </a>
                </li>
                <li class="am-dropdown" data-am-dropdown="">
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:;">
                        发现另一个
                        <span class="am-icon-caret-down">
                        </span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li>
                            <a href="#">
                                编辑推荐
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                人气排行
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                最新发布
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                语音涂鸦
                            </a>
                        </li>
                    </ul>
                </li>

                <li class="am-dropdown" data-am-dropdown="">
                    <a class="am-dropdown-toggle" data-am-dropdown-toggle="" href="javascript:">
                        与Ta一起的事
                        <span class="am-icon-caret-down">
                        </span>
                    </a>
                    <ul class="am-dropdown-content">
                        <li>
                            <a href="恋爱基地.html">
                                恋爱基地
                            </a>
                        </li>
                        <li>
                            <a href="恋爱攻略.html">
                                恋爱物语
                            </a>
                        </li>


                        <li>
                            <a href="">
                                更多服务
                            </a>
                        </li>
                    </ul>
                </li>
                <li><a href="/pc/首页.html">退出</a></li>
            </ul>
        </div>
    </div>
</header>
<div class="modal fade" id="modal-register" tabindex="-1" role="dialog" aria-labelledby="modal-register-label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                </button>
                <h3 class="modal-title" id="modal-register-label">开启幸福之门</h3>
                <p>请填写下面的表格以获得即时访问权限:</p>
            </div>

            <div class="modal-body">

                <form role="form" action="/user/pc/denglu" method="get" class="registration-form">
                    <div class="form-group">
<<<<<<< HEAD:src/main/resources/templates/pc/登陆后.html
                        <label class="sr-only" for="username">账号</label>
                        <input type="text" name="username"   placeholder="账号..." class="form-first-name form-control" id="username"> <br>
=======
                        <label class="sr-only" for="form-first-name">账号</label>
                        <input type="text" name="form-first-name"  placeholder="账号..." class="form-first-name form-control" id="form-first-name">
>>>>>>> eb2f3d7decf940916c1686282dfcd0ffe93a7260:target/classes/templates/pc/首页.html
                    </div>




                    <div class="form-group">
<<<<<<< HEAD:src/main/resources/templates/pc/登陆后.html
                        <label class="sr-only" for="password">密码</label>
                        <input type="password" name="password" placeholder="密码..." class="form-email form-control" id="password">
=======
                        <label class="sr-only" for="form-email">密码</label>
                        <input type="text" name="form-email"  placeholder="密码..." class="form-email form-control" id="form-email">
>>>>>>> eb2f3d7decf940916c1686282dfcd0ffe93a7260:target/classes/templates/pc/首页.html
                    </div>
                    <input type="submit" class="btn" value="登录">
                </form>

            </div>

        </div>
    </div>
</div>
<div class="modal fade" id="modal-register2" tabindex="-1" role="dialog" aria-labelledby="modal-register-label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">



            <div class="b-register-form">
                <section class="c-register-form f-fl">
                    <div class="b-title">60秒完成注册，幸福一辈子!
                        <button type="button" class="close" data-dismiss="modal">
                            <span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
                        </button>
                    </div>
                    <form>

                    <section class="b-form">

                        <div class="form-field">
                        <div class="form-name f-fl">我的性别：</div>
                            <div class="sex J_sex">
                                <span class="cur" data-value="1"><i></i><font>男</font></span>
                                <span data-value="0"><i></i><font>女</font></span>
                                <input type="hidden" name="gender" value="0" />
                            </div>

                        </div>
                        <div class="form-field" style="margin-top:19px;">
                            <div class="form-name f-fl">出生日期：</div>
                            <select id="selYear"></select>
                            <select id="selMonth"></select>
                            <select id="selDay"></select>

                        </div>
                        <div class="form-name f-fl">家庭住址：</div>
                        <div class="ku">
                            <span>请选择省份</span>
                            <div class="xiala">
                                <h1><span>确认</span></h1>
                            </div>


                        </div>
                        <div class="ku1">
                            <span>请选择市区</span>
                            <div class="xiala2">
                                <h1><span>确认</span></h1>
                            </div>


                        </div>

                        <div class="form-field" style="margin-top:22px;">
                            <div class="form-name f-fl">婚姻状况：</div>
                            <div class="marry J_marry" style="float: left">
                                <span class="cur" data-value="0"><i></i><font>未婚</font></span>
                                <span data-value="1"><i></i>离婚</span>
                                <span data-value="2"><i></i><font>丧偶</font></span>
                                <input type="hidden" name="gender" value="0" />
                            </div>
                        </div>
                    </section>
                    </form>
                    <div class="btn-actions">
                        <!---->

                        <div class="BTN" style="width:380px;margin:0 auto;"><div class="BTN-box primary" style="height:50px;line-height:50px;font-size:18px;">免费注册</div>
                            <!--//跳到基本信息-->
                        </div>
                    </div>
                </section></div>

        </div>
    </div>
</div>
<div class="get">
    <div class="am-g">
        <div class="am-u-lg-12">
            <div class="get-title">
                <div class="get_font_left"><img src="../../pc/img/font_yjy.png" alt=""></div>
                <div class="get_font_center" id="banner_num">888888</div>
                <div class="get_font_rigth"><img src="../../pc/img/font_zty.png" alt=""></div>
    </div>

            <div class="font_line" style="font-size: 27px;font-style: oblique;">来这儿吧，寻找那个Ta！</div>

        </div>
    </div>
</div>
<div class="banner_navbg">
    <div class="am-g">
        <div class="banner_nav"><span class="am-icon-caret-right">  筛选：</span><a href="###">人气最高</a><a href="###"
                                                                                                       class="banner_hover">编辑推荐</a><a
                href="###">最新萌宠</a><a href="###">语言涂鸦</a></div>
    </div>
</div>

<div class="am-g am-imglist">
    <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2
  am-avg-md-3 am-avg-lg-6 am-gallery-default">
        <li>
            <div class="am-gallery-item am_list_block">
                <a href="###" class="am_img_bg">
                    <img class="am_img animated" src="../../pc/img/loading.gif"
                         data-original="http://img.petshow.cc/pet_show/2015_08/6d3c22171da582f569702bad45d9a4c6.jpg"
                         alt="远方 有一个地方 那里种有我们的梦想"/>
                </a>

                <div class="am_listimg_info"><span class="am-icon-heart"> 132</span><span
                        class="am-icon-comments"> 67</span><span class="am_imglist_time">15分钟前</span></div>

            </div>
            <a class="am_imglist_user"><span class="am_imglist_user_ico"><img src="../../pc/img/tx.jpg" alt=""></span><span
                    class="am_imglist_user_font">路见不平Eason吼</span></a>
        </li>
        <li>
            <div class="am-gallery-item am_list_block">
                <a href="###" class="am_img_bg">
                    <img class="am_img animated" src="../../pc/img/loading.gif"
                         data-original="http://img.petshow.cc/pet_show/2015_08/6d3c22171da582f569702bad45d9a4c6.jpg"
                         alt="远方 有一个地方 那里种有我们的梦想"/>
                </a>

                <div class="am_listimg_info"><span class="am-icon-heart"> 132</span><span
                        class="am-icon-comments"> 67</span><span class="am_imglist_time">15分钟前</span></div>

            </div>
            <a class="am_imglist_user"><span class="am_imglist_user_ico"><img src="../../pc/img/tx.jpg" alt=""></span><span
                    class="am_imglist_user_font">路见不平Eason吼</span></a>
        </li>
        <li>
            <div class="am-gallery-item am_list_block">
                <a href="###" class="am_img_bg">
                    <img class="am_img animated" src="../../pc/img/loading.gif"
                         data-original="http://img.petshow.cc/pet_show/2015_08/6d3c22171da582f569702bad45d9a4c6.jpg"
                         alt="远方 有一个地方 那里种有我们的梦想"/>
                </a>

                <div class="am_listimg_info"><span class="am-icon-heart"> 132</span><span
                        class="am-icon-comments"> 67</span><span class="am_imglist_time">15分钟前</span></div>

            </div>
            <a class="am_imglist_user"><span class="am_imglist_user_ico"><img src="../../pc/img/tx.jpg" alt=""></span><span
                    class="am_imglist_user_font">路见不平Eason吼</span></a>
        </li>
        <li>
            <div class="am-gallery-item am_list_block">
                <a href="###" class="am_img_bg">
                    <img class="am_img animated" src="../../pc/img/loading.gif"
                         data-original="http://img.petshow.cc/pet_show/2015_08/6d3c22171da582f569702bad45d9a4c6.jpg"
                         alt="远方 有一个地方 那里种有我们的梦想"/>
                </a>

                <div class="am_listimg_info"><span class="am-icon-heart"> 132</span><span
                        class="am-icon-comments"> 67</span><span class="am_imglist_time">15分钟前</span></div>

            </div>
            <a class="am_imglist_user"><span class="am_imglist_user_ico"><img src="../../pc/img/tx.jpg" alt=""></span><span
                    class="am_imglist_user_font">路见不平Eason吼</span></a>
        </li>
        <li>
            <div class="am-gallery-item am_list_block">
                <a href="###" class="am_img_bg">
                    <img class="am_img animated" src="../../pc/img/loading.gif"
                         data-original="http://img.petshow.cc/pet_show/2015_08/6d3c22171da582f569702bad45d9a4c6.jpg"
                         alt="远方 有一个地方 那里种有我们的梦想"/>
                </a>

                <div class="am_listimg_info"><span class="am-icon-heart"> 132</span><span
                        class="am-icon-comments"> 67</span><span class="am_imglist_time">15分钟前</span></div>

            </div>
            <a class="am_imglist_user"><span class="am_imglist_user_ico"><img src="../../pc/img/tx.jpg" alt=""></span><span
                    class="am_imglist_user_font">路见不平Eason吼</span></a>
        </li>
        <li>
            <div class="am-gallery-item am_list_block">
                <a href="###" class="am_img_bg">
                    <img class="am_img animated" src="../../pc/img/loading.gif"
                         data-original="http://img.petshow.cc/pet_show/2015_08/6d3c22171da582f569702bad45d9a4c6.jpg"
                         alt="远方 有一个地方 那里种有我们的梦想"/>
                </a>

                <div class="am_listimg_info"><span class="am-icon-heart"> 132</span><span
                        class="am-icon-comments"> 67</span><span class="am_imglist_time">15分钟前</span></div>

            </div>
            <a class="am_imglist_user"><span class="am_imglist_user_ico"><img src="../../pc/img/tx.jpg" alt=""></span><span
                    class="am_imglist_user_font">路见不平Eason吼</span></a>
        </li>
        <li>
            <div class="am-gallery-item am_list_block">
                <a href="###" class="am_img_bg">
                    <img class="am_img animated" src="../../pc/img/loading.gif"
                         data-original="http://img.petshow.cc/pet_show/2015_08/6d3c22171da582f569702bad45d9a4c6.jpg"
                         alt="远方 有一个地方 那里种有我们的梦想"/>
                </a>

                <div class="am_listimg_info"><span class="am-icon-heart"> 132</span><span
                        class="am-icon-comments"> 67</span><span class="am_imglist_time">15分钟前</span></div>

            </div>
            <a class="am_imglist_user"><span class="am_imglist_user_ico"><img src="../../pc/img/tx.jpg" alt=""></span><span
                    class="am_imglist_user_font">路见不平Eason吼</span></a>
        </li>
        <li>
            <div class="am-gallery-item am_list_block">
                <a href="###" class="am_img_bg">
                    <img class="am_img animated" src="../../pc/img/loading.gif"
                         data-original="http://img.petshow.cc/pet_show/2015_08/6d3c22171da582f569702bad45d9a4c6.jpg"
                         alt="远方 有一个地方 那里种有我们的梦想"/>
                </a>

                <div class="am_listimg_info"><span class="am-icon-heart"> 132</span><span
                        class="am-icon-comments"> 67</span><span class="am_imglist_time">15分钟前</span></div>

            </div>
            <a class="am_imglist_user"><span class="am_imglist_user_ico"><img src="../../pc/img/tx.jpg" alt=""></span><span
                    class="am_imglist_user_font">路见不平Eason吼</span></a>
        </li>
        <li>
            <div class="am-gallery-item am_list_block">
                <a href="###" class="am_img_bg">
                    <img class="am_img animated" src="../../pc/img/loading.gif"
                         data-original="http://img.petshow.cc/pet_show/2015_08/6d3c22171da582f569702bad45d9a4c6.jpg"
                         alt="远方 有一个地方 那里种有我们的梦想"/>
                </a>

                <div class="am_listimg_info"><span class="am-icon-heart"> 132</span><span
                        class="am-icon-comments"> 67</span><span class="am_imglist_time">15分钟前</span></div>

            </div>
            <a class="am_imglist_user"><span class="am_imglist_user_ico"><img src="../../pc/img/tx.jpg" alt=""></span><span
                    class="am_imglist_user_font">路见不平Eason吼</span></a>
        </li>
        <li>
            <div class="am-gallery-item am_list_block">
                <a href="###" class="am_img_bg">
                    <img class="am_img animated" src="../../pc/img/loading.gif"
                         data-original="http://img.petshow.cc/pet_show/2015_08/6d3c22171da582f569702bad45d9a4c6.jpg"
                         alt="远方 有一个地方 那里种有我们的梦想"/>
                </a>

                <div class="am_listimg_info"><span class="am-icon-heart"> 132</span><span
                        class="am-icon-comments"> 67</span><span class="am_imglist_time">15分钟前</span></div>

            </div>
            <a class="am_imglist_user"><span class="am_imglist_user_ico"><img src="../../pc/img/tx.jpg" alt=""></span><span
                    class="am_imglist_user_font">路见不平Eason吼</span></a>
        </li>

    </ul>
</div>
<footer class="am_footer">
    <div class="am_footer_con">
        <div class="am_footer_link">
            <span>关于宠物秀</span>
            <ul>
                <li><a href="###">关于我们</a></li>
                <li><a href="###">发展历程</a></li>
                <li><a href="###">友情链接</a></li>
            </ul>
        </div>


        <div class="am_footer_don">
            <span>宠物秀</span>
            <dl>
                <dt><img src="../../pc/img/footdon.png?1" alt=""></dt>
                <dd>一起Show我们的爱宠吧！宠物秀是图片配文字、涂鸦、COSPLAY的移动手机社区，这里有猫狗鱼龟兔子仓鼠龙猫等各种萌图。
                    <a href="###" class="footdon_pg ">
                        <div class="foot_d_pg am-icon-apple "> App store</div>
                    </a><a href="###" class="footdon_az animated">
                        <div class="foot_d_az am-icon-android "> Android</div>
                    </a></dd>

            </dl>
        </div>

        <div class="am_footer_erweima">
            <div class="am_footer_weixin"><img src="../../pc/img/wx.jpg" alt="">

                <div class="am_footer_d_gzwx am-icon-weixin"> 关注微信</div>
            </div>
            <div class="am_footer_ddon"><img src="../../pc/img/wx.jpg" alt="">

                <div class="am_footer_d_dxz am-icon-cloud-download"> 扫码下载</div>
            </div>

        </div>

    </div>
    <div class="am_info_line">Copyright(c)2015 <span>PetShow</span> All Rights Reserved</div>
</footer>


 <!-- Javascript -->

<script src="../../assets/js/jquery-1.11.1.min.js"></script>
<script src="../../assets/bootstrap/js/bootstrap.min.js"></script>
<script src="../../assets/js/jquery.backstretch.min.js"></script>
<script src="../../assets/js/scripts.js"></script>-->
<script src="../../pc/js/petshow.js"></script>
<script src="../../pc/js/zhuce1.js"></script>
<script type="text/javascript">
    var selYear = window.document.getElementById("selYear");
    var selMonth = window.document.getElementById("selMonth");
    var selDay = window.document.getElementById("selDay");
    // 新建一个DateSelector类的实例，将三个select对象传进去
    new DateSelector(selYear, selMonth, selDay, 2004, 2, 29);
    // 也可以试试下边的代码
    // var dt = new Date(2004, 1, 29);
    // new DateSelector(selYear, selMonth ,selDay, dt);

</script>

<!--<script>-->
    <!--$(document).ready(function(){-->
        <!--$("#btn").click(function(){-->
            <!--var name = $("#username").val();-->
            <!--var pwd = $("#password").val()-->
            <!--$.post("login.do?method=1", //利用ajax发起请求，这里写servlet的路径-->
                <!--{"username":name,"password":pwd},   //传参-->
                <!--function(data){    //请求成功时的回调函数-->
                    <!--if(data.IsOK == true){-->
                        <!--window.location.href="login.do?method=2"; //如果返回的IsOK的值为true,也就是用户名密码都正确，则执行该跳转-->
                    <!--}else{-->
                        <!--window.location.href="http://www.baidu.com";-->
                    <!--}-->
                <!--},-->
                <!--"json"-->
            <!--);-->
        <!--})-->
    <!--})-->
<!--</script>-->

<script type="text/javascript">

</script>

</body>
</html>